import * as echarts from 'echarts'
const option = {
  // backgroundColor: '#394056',
  // title: {
  //     text: '请求数',
  //     textStyle: {
  //         fontWeight: 'normal',
  //         fontSize: 16,
  //         color: '#F1F1F3'
  //     },
  //     left: '6%'
  // },
  tooltip: {
      trigger: 'axis',
      axisPointer: {
          lineStyle: {
              color: '#57617B'
          }
      }
  },
  legend: {
      icon: 'rect',
      itemWidth: 14,
      itemHeight: 5,
      itemGap: 13,
      data: ['正式党员', '新党员', '退休党员'],
      right: '4%',
      textStyle: {
          fontSize: 12,
          color: '#F1F1F3'
      }
  },
  grid: {
      left: '3%',
      right: '4%',
      bottom: '3%',
      containLabel: true
  },
  xAxis: [{
      type: 'category',
      boundaryGap: false,
      axisLine: {
          lineStyle: {
              color: '#669DFF',
              fontSize: 18,
          }
      },
      data: ['13:00', '13:05', '13:10', '13:15', '13:20', '13:25', '13:30', '13:35', '13:40', '13:45', '13:50', '13:55']
  }, 
  // {
  //     axisPointer: {
  //         show: false
  //     },
  //     axisLine: {
  //         lineStyle: {
  //             color: '#57617B'
  //         }
  //     },
  //     axisTick: {
  //         show: false
  //     },

  //     position: 'bottom',
  //     offset: 20,
  //     data: ['', '', '', '', '', '', '', '', '', '', {
  //         value: '周六',
  //         textStyle: {
  //             align: 'left'
  //         }
  //     }, '周日'
  //   ]}
],
  yAxis: [{
      type: 'value',
      name: '单位（万）',
      axisTick: {
          show: false
      },
      axisLine: {
          lineStyle: {
              color: '#57617B'
          }
      },
      axisLabel: {
          margin: 10,
          textStyle: {
              fontSize: 18,
              color: '#669DFF'
          }
      },
      splitLine: {
          lineStyle: {
              color: '#57617B',
              
          }
      }
  }],
  series: [{
      name: '正式党员',
      type: 'line',
      smooth: true,
      symbol: 'circle',
      symbolSize: 5,
      showSymbol: true,
      lineStyle: {
          normal: {
              width: 1
          }
      },
      areaStyle: {
          normal: {
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                  offset: 0,
                  color: 'rgba(137, 189, 27, 0.3)'
              }, {
                  offset: 0.8,
                  color: 'rgba(137, 189, 27, 0)'
              }], false),
              shadowColor: 'rgba(0, 0, 0, 0.1)',
              shadowBlur: 10
          }
      },
      itemStyle: {
          normal: {
              color: 'rgb(137,189,27)',
              borderColor: 'rgba(137,189,2,0.27)',
              borderWidth: 12

          }
      },
      data: [220, 182, 191, 134, 150, 120, 110, 125, 145, 122, 165, 122],
      "label": {
        "show": true,
        "position": "top",
        "distance": 10,
        fontSize: 16,
        "color": "#FFFFFF"
      }
  }, {
      name: '新党员',
      type: 'line',
      smooth: true,
      symbol: 'circle',
      symbolSize: 5,
      showSymbol: true,
      lineStyle: {
          normal: {
              width: 1
          }
      },
      areaStyle: {
          normal: {
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                  offset: 0,
                  color: 'rgba(0, 136, 212, 0.3)'
              }, {
                  offset: 0.8,
                  color: 'rgba(0, 136, 212, 0)'
              }], false),
              shadowColor: 'rgba(0, 0, 0, 0.1)',
              shadowBlur: 10
          }
      },
      itemStyle: {
          normal: {
              color: 'rgb(0,136,212)',
              borderColor: 'rgba(0,136,212,0.2)',
              borderWidth: 12

          }
      },
      data: [120, 110, 125, 145, 122, 165, 122, 220, 182, 191, 134, 150],
      "label": {
        "show": true,
        "position": "top",
        "distance": 10,
        fontSize: 16,
        "color": "#FFFFFF"
      }
  }, {
      name: '退休党员',
      type: 'line',
      smooth: true,
      symbol: 'circle',
      symbolSize: 5,
      showSymbol: true,
      lineStyle: {
          normal: {
              width: 1
          }
      },
      areaStyle: {
          normal: {
              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                  offset: 0,
                  color: 'rgba(219, 50, 51, 0.3)'
              }, {
                  offset: 0.8,
                  color: 'rgba(219, 50, 51, 0)'
              }], false),
              shadowColor: 'rgba(0, 0, 0, 0.1)',
              shadowBlur: 10
          }
      },
      itemStyle: {
          normal: {

              color: 'rgb(219,50,51)',
              borderColor: 'rgba(219,50,51,0.2)',
              borderWidth: 12
          }
      },
      data: [220, 182, 125, 145, 122, 191, 134, 150, 120, 110, 165, 122],
      "label": {
        "show": true,
        "position": "top",
        "distance": 10,
        fontSize: 16,
        "color": "#FFFFFF"
      }
  }, ]
};

export default option